<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function getAjax() {

				// 向服务器发送get 请求

				// 获取xmlHtttpRequest 请求
				var xmlHttpRequest;
				if(window.XMLHttpRequest) {
					// code for IE7 ,firefox chrome opera safari
					xmlHttpRequest = new XMLHttpRequest();
				} else {
					// CODE for IE6 IE5
					xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}

				// 确定请求的方式和路径
				xmlHttpRequest.open("GET", "http://127.0.0.1:8080/user/list");

				// 发送请求
				xmlHttpRequest.send();
				// 接受结果（回调函数） 
				xmlHttpRequest.onreadystatechange = function() {
					//
					if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
						var data = xmlHttpRequest.responseText;
						alert(data);
					}
				}

			}
			
			function getPost() {

				// 向服务器发送get 请求

				// 获取xmlHtttpRequest 请求
				var xmlHttpRequest;
				if(window.XMLHttpRequest) {
					// code for IE7 ,firefox chrome opera safari
					xmlHttpRequest = new XMLHttpRequest();
				} else {
					// CODE for IE6 IE5
					xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}

				// 确定请求的方式和路径
				xmlHttpRequest.open("POST", "http://127.0.0.1:8080/user/saveUser");
				
				// 设置发送的请求头，js 原生的 POST 请求必需设置
				xmlHttpRequest.setRequestHeader("content-type","application/x-www-form-urlencoded") ; 
				
				// 发送请求
				xmlHttpRequest.send("username=tom,sex=1,address=shengyaochang");
				// 接受结果（回调函数） 
				xmlHttpRequest.onreadystatechange = function() {
					//
					if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
						var data = xmlHttpRequest.responseText;
						alert(data);
					}
				}

			}
			
		</script>

	</head>

	<body>
		
		<button id ="btn1" onclick="getAjax()">发送ajax-get请求</button>
		<br />
		<button id ="btn2" onclick="getPost()">发送ajax-post请求</button>
		
	</body>

</html>